{extend name="base" /}

{block name="title"} 收银台 {/block}

<!-- body -->
{block name="body"}
<body class="page-body">



	<div class="settings-pane">
			
		<a href="#" data-toggle="settings-pane" data-animate="true">
			&times;
		</a>
		
		<div class="settings-pane-inner">
			
			<div class="row">
				
				<div class="col-md-4">
					
					<div class="user-info">
						
						<div class="user-image">
							<a href="extra-profile.html">
								<img src="/static/index/assets/images/user-2.png" class="img-responsive img-circle" />
							</a>
						</div>
						
						<div class="user-details">
							
							<h3>
								<a href="extra-profile.html">John Smith</a>
								
								<!-- Available statuses: is-online, is-idle, is-busy and is-offline -->
								<span class="user-status is-online"></span>
							</h3>
							
							<p class="user-title">Web Developer</p>
							
							<div class="user-links">
								<a href="extra-profile.html" class="btn btn-primary">Edit Profile</a>
								<a href="extra-profile.html" class="btn btn-success">Upgrade</a>
							</div>
							
						</div>
						
					</div>
					
				</div>
				
				<div class="col-md-8 link-blocks-env">
					
					<div class="links-block left-sep">
						<h4>
							<span>Notifications</span>
						</h4>
						
						<ul class="list-unstyled">
							<li>
								<input type="checkbox" class="cbr cbr-primary" checked="checked" id="sp-chk1" />
								<label for="sp-chk1">Messages</label>
							</li>
							<li>
								<input type="checkbox" class="cbr cbr-primary" checked="checked" id="sp-chk2" />
								<label for="sp-chk2">Events</label>
							</li>
							<li>
								<input type="checkbox" class="cbr cbr-primary" checked="checked" id="sp-chk3" />
								<label for="sp-chk3">Updates</label>
							</li>
							<li>
								<input type="checkbox" class="cbr cbr-primary" checked="checked" id="sp-chk4" />
								<label for="sp-chk4">Server Uptime</label>
							</li>
						</ul>
					</div>
					
					<div class="links-block left-sep">
						<h4>
							<a href="#">
								<span>Help Desk</span>
							</a>
						</h4>
						
						<ul class="list-unstyled">
							<li>
								<a href="#">
									<i class="fa-angle-right"></i>
									Support Center
								</a>
							</li>
							<li>
								<a href="#">
									<i class="fa-angle-right"></i>
									Submit a Ticket
								</a>
							</li>
							<li>
								<a href="#">
									<i class="fa-angle-right"></i>
									Domains Protocol
								</a>
							</li>
							<li>
								<a href="#">
									<i class="fa-angle-right"></i>
									Terms of Service
								</a>
							</li>
						</ul>
					</div>
					
				</div>
				
			</div>
		
		</div>
		
	</div>
	
	<nav class="navbar horizontal-menu navbar-fixed-top navbar-minimal"><!-- set fixed position by adding class "navbar-fixed-top" -->
		
		<div class="navbar-inner">
		
			<!-- Navbar Brand -->
			<div class="navbar-brand">
				<a href="dashboard-1.html" class="logo">
					<img src="/static/index/assets/images/logo-white-bg@2x.png" width="80" alt="" class="hidden-xs" />
					<img src="/static/index/assets/images/logo@2x.png" width="80" alt="" class="visible-xs" />
				</a>
				<a href="#" data-toggle="settings-pane" data-animate="true">
					<i class="linecons-cog"></i>
				</a>
			</div>
				
			<!-- Mobile Toggles Links -->
			<div class="nav navbar-mobile">
			
				<!-- This will toggle the mobile menu and will be visible only on mobile devices -->
				<div class="mobile-menu-toggle">
					<!-- This will open the popup with user profile settings, you can use for any purpose, just be creative -->
					<a href="#" data-toggle="settings-pane" data-animate="true">
						<i class="linecons-cog"></i>
					</a>
					
					<a href="#" data-toggle="user-info-menu-horizontal">
						<i class="fa-bell-o"></i>
						<span class="badge badge-success">7</span>
					</a>
					
					<!-- data-toggle="mobile-menu-horizontal" will show horizontal menu links only -->
					<!-- data-toggle="mobile-menu" will show sidebar menu links only -->
					<!-- data-toggle="mobile-menu-both" will show sidebar and horizontal menu links -->
					<a href="#" data-toggle="mobile-menu-horizontal">
						<i class="fa-bars"></i>
					</a>
				</div>
				
			</div>
			
			<div class="navbar-mobile-clear"></div>
			
			
			
			<!-- main menu -->
					
			<ul class="navbar-nav">
				<li>
					<a href="">
						<i class="linecons-cog"></i>
						<span class="title">收银台</span>
					</a>
				</li>
				<li>
					<a href="layout-variants.html">
						<i class="linecons-desktop"></i>
						<span class="title">布局</span>
					</a>
					<ul>
						<li>
							<a href="layout-variants.html">
								<span class="title">Layout</span>
							</a>
						</li>
						<li>
							<a href="layout-collapsed-sidebar.html">
								<span class="title">Collapsed</span>
							</a>
						</li>
					</ul>
				</li>

			</ul>
					
			
			<!-- notifications and other links -->
			<ul class="nav nav-userinfo navbar-right">
				
				<li class="search-form"><!-- You can add "always-visible" to show make the search input visible -->
			
					<form method="get" action="extra-search.html">
						<input type="text" name="s" class="form-control search-field" placeholder="Type to search..." />
						
						<button type="submit" class="btn btn-link">
							<i class="linecons-search"></i>
						</button>
					</form>
					
				</li>
				
				
				<li class="dropdown xs-left">
					<a href="#" data-toggle="dropdown" class="notification-icon notification-icon-messages">
						<i class="fa-bell-o"></i>
						<span class="badge badge-purple">7</span>
					</a>
						
					<ul class="dropdown-menu notifications">
										<li class="top">
						<p class="small">
							<a href="#" class="pull-right">全部标为已读</a>
							你有 <strong>3</strong> 新通知
						</p>
					</li>
					
					<li>
						<ul class="dropdown-menu-list list-unstyled ps-scrollbar">
							<li class="active notification-success">
								<a href="#">
									<i class="fa-user"></i>
									
									<span class="line">
										<strong>New user registered</strong>
									</span>
									
									<span class="line small time">
										30 秒前
									</span>
								</a>
							</li>
							
						</ul>
					</li>
					
					<li class="external">
						<a href="#">
							<span>全部</span>
							<i class="fa-link-ext"></i>
						</a>
					</li>
					</ul>
				</li>
		
				<li class="dropdown user-profile">
					<a href="#" data-toggle="dropdown">
						<img src="/static/index/assets/images/user-1.png" alt="user-image" class="img-circle img-inline userpic-32" width="28" />
						<span>
							布尔
							<i class="fa-angle-down"></i>
						</span>
					</a>
					
					<ul class="dropdown-menu user-profile-menu list-unstyled">
						<li>
							<a href="#settings">
								<i class="fa-wrench"></i>
								设置
							</a>
						</li>
						<li>
							<a href="#profile">
								<i class="fa-user"></i>
								个人资料
							</a>
						</li>
						<li>
							<a href="#help">
								<i class="fa-info"></i>
								帮助
							</a>
						</li>
						<li class="last">
							<a href="extra-lockscreen.html">
								<i class="fa-lock"></i>
								注销
							</a>
						</li>
					</ul>
				</li>
				
				<li>
					<a href="#" data-toggle="chat"></a>
				</li>
				
			</ul>
	
		</div>
		
	</nav>
		
	<!--内容 begin -->
	<div class="app-root">

		<!-- left -->
		<div class="app-root-left">
			<!-- head -->
			<div class="left-head text-center">
				<div class="col-md-6"></div>
				<div class="col-md-6">
					共 <strong>6</strong> 件
				</div>
			</div>
			<!-- list -->
			<ul class="left-list">
				<li v-for="(item,key) in 8">
					<div class="col-md-4">
						排骨汤
					</div>
					<div class="col-md-3">
						2 ￥
					</div>
					<div class="col-md-3">
						<span>1 件</span>
					</div>
					<div class="col-md-2">
						<i class="fa fa-remove"></i>
					</div>
				</li>

			</ul>

			<div class="left-bottom">
				<!-- 清空 -->
				<div class="text-center qingkong col-md-12">
					<div class="col-md-6">清空</div>
					<div class="col-md-6">挂单</div>
				</div>

				<div class="text-center jiezhang col-md-12">
					<strong>收款</strong>
					12￥
				</div>
			</div>


		</div>


		<!-- right -->
		<div class="app-root-right">
			<!-- head -->
			<div class="right-head text-center">

			</div>
			<div class="right-list" style="padding: 5px;">
				<!-- <div class="row"> -->
					<div class="col-sm-3">
					
						<div class="xe-widget xe-counter">
							<div class="xe-icon">
								<img src="https://paimgcdn.baidu.com/55E94A22867C50DF?src=http%3A%2F%2Fms.bdimg.com%2Fdsp-image%2F3160888550.jpg&rz=urar_2_968_600&v=0" alt="" width="50">
							</div>
							<div class="xe-label">
								<strong class="" style="font-size: 20px;">江小白酒</strong>
								<span style="font-size: 20px;">25￥</span>
							</div>
						</div>
					</div>
				<!-- </div> -->

			</div>


		</div>


	</div>
	<!--内容 end -->





</body>  
{/block}

<!-- js -->
{block name="js"}
<script src="/static/index/assets/js/bootstrap.min.js"></script>
<script src="/static/index/assets/js/xenon-toggles.js"></script>
<script src="/static/index/assets/js/joinable.js"></script>

	<!-- index的js -->
	<script src="/static/index/assets/controller/index.js"></script>
{/block}
